<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
		<style>
		
		</style>
	</head>
	<body>
		2. 按键修饰符(键盘)
		    .enter：回车键
		   	.tab：制表键
		    .delete：含delete和backspace键
		   	.esc：返回键
		   	.space: 空格键
		   	.up：向上键
		   	.down：向下键
		   	.left：向左键
		   	.right：向右键 
			
		字母，支持按键    @keydown.a="show"
		数字，不是支持按键    
		keyCode（键码号），支持按键    @keydown.49="show"
		
		组合 @keydown.a.b.c="show" 按a/b/c 中的任何一个都可以
		
		键码配置名称
		Vue.config.keyCodes.one=49;
		@keydown.one="show"
			
		3. 鼠标修饰符（鼠标）
		
		.left：鼠标左键
		.middle：鼠标中间滚轮
		.right：鼠标右键
		
		4. 其他修饰符
		.ctrl    .ctrl.67   67-->c   ctrl+c一块按
		.alt
		.shift
		.meta  键盘键
		
		<div id="app">
           <input type="text" @keydown.one="show">
		   
		   <h1 @mousedown.right="showb">11111</h1>
		   
		   <input type="text" @keydown.crtl.67="show">
		</div>
		
		<script>
			Vue.config.keyCodes.one=49;
			
			var vm = new Vue({
				el:"#app",
				data:{
				  
				},
				methods:{
					showa(e){
						if(e.keyCode==13){
							console.log("111");
						}
					},
					show(e){
						//console.log(e.keyCode)
	                    console.log("111");
					},
					showb(){
						console.log("鼠标事件");
					}
				}
			})
		</script>
	</body>
</html>
